﻿<UserControl x:Class="AgileToDo.UProgressBar"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300" Height="20" Width="400" Loaded="UserControl_Loaded">

    <Canvas>
        <Ellipse x:Name="el" Width="6" Height="6" Fill="White" Canvas.Top="7" Canvas.Left="0" Opacity="0">
            <Ellipse.Resources>
                <Storyboard x:Key="sb" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el">
                    <DoubleAnimation  From="0" To="200"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
                <Storyboard x:Key="sbr" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el">
                    <DoubleAnimation  From="200" To="400"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
            </Ellipse.Resources>
        </Ellipse>

        <Ellipse x:Name="el2" Width="6" Height="6" Fill="White" Canvas.Top="7" Canvas.Left="0" Opacity="0">
            <Ellipse.Resources>
                <Storyboard x:Key="sb2" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el2">
                    <DoubleAnimation  From="0" To="180"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
                <Storyboard x:Key="sbr2" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el2">
                    <DoubleAnimation  From="200" To="400"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
            </Ellipse.Resources>
        </Ellipse>
        <Ellipse x:Name="el3" Width="6" Height="6" Fill="White" Canvas.Top="7" Canvas.Left="0" Opacity="0">
            <Ellipse.Resources>
                <Storyboard x:Key="sb3" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el3">
                    <DoubleAnimation  From="0" To="160"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
                <Storyboard x:Key="sbr3" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el3">
                    <DoubleAnimation  From="200" To="400"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
            </Ellipse.Resources>
        </Ellipse>
        <Ellipse x:Name="el4" Width="6" Height="6" Fill="White" Canvas.Top="7" Canvas.Left="0" Opacity="0">
            <Ellipse.Resources>
                <Storyboard x:Key="sb4" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el4">
                    <DoubleAnimation  From="0" To="140"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
                <Storyboard x:Key="sbr4" Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="el4">
                    <DoubleAnimation  From="200" To="400"  Duration="0:0:0.3">
                    </DoubleAnimation>
                </Storyboard>
            </Ellipse.Resources>
        </Ellipse>
    </Canvas>

</UserControl>
